<template>
  <div class="heard">
    <!-- active-text-color="#ffd04b" -->
    <el-menu class="el-menu-demo" mode="horizontal" background-color="#fff" text-color="#545c64" router>
      <!-- <h4 style="margin-top: 16px;">新一代数据中心</h4> -->
      <el-menu-item index="/">首页</el-menu-item>
      <el-menu-item index="/property">数据资产</el-menu-item>
      <el-menu-item index="/quality">数据质量</el-menu-item>
      <el-menu-item index="/BI">数据探索</el-menu-item>
      <!-- <el-menu-item index="/market">开放集市</el-menu-item> -->
    </el-menu>
  </div>
</template>

<script>
export default {
  name: "dashboard",
  components: {
  },
  data() {
    return {

    }
  },
  created() {
  },
  mounted() {

  },
  methods: {
    openPage(item) {
      this.page = item.index
    }
  }
}
</script>

<style>
.demo-tabs>.el-tabs__content {
  padding: 32px;
  color: #6b778c;
  font-size: 32px;
  font-weight: 600;
}

.el-tabs--right .el-tabs__content,
.el-tabs--left .el-tabs__content {
  height: 100%;
}

.el-menu-demo {
  top: 0;
}
</style>